<template>
  <div>
    <CourseTable v-bind:subject="this.subject"></CourseTable>
  </div>
</template>

<script>
import CourseTable from "../components/CourseTable.vue";
export default {
  data() {
    return {
      subject: "",
    };
  },
  mounted(){
      this.getSubject()

  },
  methods: {
      getSubject(){
         this.subject = this.$route.query.id
      }
  },
  watch: {
    $route(){
      this.getSubject()
    }
  },
  components: {
    CourseTable,
  },
};
</script>

<style>
</style>